<template>
    <div>
        <el-container>
            <el-aside width="200px" style="background-color: #37c1c3">
                <el-menu
                    default-active="1"
                    router
                    background-color="#0088A8"
                    text-color="#fff"
                    active-text-color="#409EFF"
                >
                    <el-submenu index="1">
                        <template slot="title">
                            <!-- 图标 -->
                            <i></i>
                            <!-- 文本 -->
                            <span>首页</span>
                        </template>
                        <el-menu-item index="/details">
                            <template slot="title">
                                <!-- 图标 -->
                                <i class="el-icon-menu"></i>
                                <!-- 文本 -->
                                <span>分类</span>
                            </template>
                        </el-menu-item>
                        <el-menu-item index="/mine">
                            <template slot="title">
                                <!-- 图标 -->
                                <i class="el-icon-menu"></i>
                                <!-- 文本 -->
                                <span>我的</span>
                            </template>
                        </el-menu-item>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title">
                            <!-- 图标 -->
                            <i></i>
                            <!-- 文本 -->
                            <span>详情</span>
                        </template>
                        <el-menu-item index="2-2">
                            <template slot="title">
                                <!-- 图标 -->
                                <i class="el-icon-menu"></i>
                                <!-- 文本 -->
                                <span>手机</span>
                            </template>
                        </el-menu-item>
                        <el-menu-item index="2-3">
                            <template slot="title">
                                <!-- 图标 -->
                                <i class="el-icon-menu"></i>
                                <!-- 文本 -->
                                <span>电脑</span>
                            </template>
                        </el-menu-item>
                    </el-submenu>
                    <el-menu-item index="/appData">app</el-menu-item>
                </el-menu>
            </el-aside>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
  name: 'DataReport'
}
</script>

<style>
.el-main {
    padding: 0;
}
</style>
